<?php  
// 数据库配置  
$servername = "localhost"; // MySQL服务器名称，通常是localhost或数据库服务器的IP地址  
$username = "root"; // 数据库用户名  
$password = "root"; // 数据库密码  
$dbname = "music"; // 数据库名  
  

$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}


if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 验证输入
    $name = $conn->real_escape_string($_POST['name']);
    $time = $conn->real_escape_string($_POST['time']);
    $message = $conn->real_escape_string($_POST['message']);

    // 插入新用户到数据库
    $sql = "INSERT INTO users (name, time,message) VALUES ('$name', '$time', '$message')";
    
    if ($conn->query($sql) === TRUE) {
        header("Location: message.php");
        exit(); // 确保重定向后停止脚本执行
    } else {
        echo "注册失败: " . $conn->error;
    }
}

// 关闭连接
$conn->close();
?>



<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品页面</title>
    <link rel="stylesheet" type="text/css" href="message.css">
    <script src="jQuery/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="top">
        <div style="width: 980px;">
            <a class="biaoti" href="homepage.php">宇宙音乐</a>
            <a class="suoyin">评论</a>
            <a class="suoyin">合作</a>
            <a class="suoyin">客服</a>
            <a class="suoyin" href="buy.php">我的购买</a>
            <a class="denglu" style="color: rgb(0, 204, 255);" href="user.php">欢迎用户</a>
        </div>
    </div>
    <div class="middle1">
        <p style="font-size: 10px;color: #8f98a0;">所有音乐 > 流行音乐 > 汪峰</p>
        <p style="font-size: 30px;">汪峰：怒放的生命</p>
        <video width="700px" autoplay="autoplay" controls="controls">
            <source src="img/视频.mp4" type="video/mp4">
        </video>
        <div class="right">
            <p><img src="img/汪峰/汪峰1.jpeg" style="width: 250px; margin-left: 5px;"></p>
            <p style="font-size: 15px; color: rgb(200, 200, 200);">《怒放的生命》是汪峰演唱的一首歌曲，由汪峰作词，汪峰作曲，收录在汪峰2005年发行的同名专辑《怒放的生命》中。
该曲活动第13届全球华语音乐榜中榜年度最佳歌曲奖。</p>
            <p class="biaoqian">标签：
                <button>华语</button>
                <button>金曲</button>
                <button>经典</button>
                <button>励志</button>
                <button>汪峰</button>
                <button>怀旧</button>
            </p>
            <p>&nbsp;</p>
            <p>价格：¥ 60.00</p>
            <p><button style="background-color: grey;" onclick="jia()"><a>加入我的购买</a></button></p>
            <p>&nbsp;</p>
        </div>
    </div>

    <div class="middle2">
        <p>关于这首音乐</p>
        <hr color="white">
        <p>《怒放的生命》创作于2005年的5月份，在9月又进行了完善，是继《飞得更高》之后又一首激昂高亢、振聋发聩的乐坛强音，听觉上有足够的热情和足够的力量，汪峰希望能“真正进入到让生命怒放的、非常快乐的境界”，因为这种快乐无法用语言形容，这也是他想拿出来跟大家分享的生活态度 。</p>
    </div>

    <div class="middle3">
        <div class="m3_right">
            <p>更多音乐</p>
            <img src="img/周杰伦/周杰伦1.jpeg">
            <img src="img/陈奕迅/陈奕迅1.jpeg">
            <img src="img/朴树/朴树1.jpeg">
        </div>
        <div class="m3_left">
            <p>留言板</p>
            <p>
                <textarea placeholder="请输入" id="liuyankuang"></textarea>
                <button id="fabu">发表留言</button>
            </p>
            <p>
                <ul class="liuyan">
                    <li>无更多留言</li>
                </ul>
            </p>
        </div>
    </div>
    <div class="bottom">
        <p>
            <a>MUSIC</a> 树立版权意识，支持正版音乐！
        </p>
        <hr><br>
        <p>关于 宇宙音乐\推广合作请联系电子邮箱：2333333333@google.com</p>
    </div>
</body>

<script>
    document.getElementById("fabu").addEventListener("click", function() {
        var liuyan = document.getElementById("liuyankuang").value;
        if (liuyan != "") {
            document.getElementById("liuyankuang").value = "";
            var ul = $("ul");
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            if (month < 10) {
                month = "0" + month;
            }
            if (day < 10) {
                day = "0" + day;
            }
            var nowDate = year + "-" + month + "-" + day;
            let a = localStorage.getItem("用户名");
            ul.prepend("<li><p>用户:" + a + "<a style='float:right'class='delete'>删除</a>&emsp;<a>发布于:" + nowDate + "</a><p>" + liuyan + "</p></li>")
            var del = $(".delete");
            for (var i = 0; i < del.length; i++) {
                del[i].onclick = function() {
                    var Child = $(this).parent().parent();
                    var ul = $("ul");
                    Child.remove();
                }
            }
        } else {}
    })
    window.onbeforeunload = function() {
        localStorage.setItem("留言", $("ul").html());
    }
    window.onload = function() {
        let denglu = localStorage.getItem("登录");
        if (denglu == "0") {
            window.location.href = "login.php";
        }
        let neirong = localStorage.getItem("留言");
        $("ul").empty();
        $("ul").prepend(neirong);
        var del = $(".delete");
        for (var i = 0; i < del.length; i++) {
            del[i].onclick = function() {
                var Child = $(this).parent().parent();
                var ul = $("ul");
                Child.remove();
            }
        }
        let a = localStorage.getItem("用户名");
        document.getElementsByTagName("a")[6].innerText = "欢迎用户:" + a;

    };
    //加入我的购买
    function jia() {
        localStorage.setItem("汪峰", "1");
        alert("添加成功");
    }
</script>

</html>